<template>
  <view class="background">
    <image src="../../static/image/feedback.png" class="bgImg"></image>
    <view class="info">
      <view class="title">初衷</view>
      <view class="content"
        >该小程序的初衷是帮助大学生寻找伙伴，组建合适的队伍来参加比赛或者进行社区讨论，同时集成ToDoList功能，允许伙伴们分配计划合作完成和自主完成~</view
      >
    </view>

    <button class="btn" open-type="contact" bindcontact="handleContact">
      联系我们
    </button>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    handleContact(e) {
      console.log(e.detail.path);
      console.log(e.detail.query);
    },
  },
};
</script>

<style lang="scss" scoped>
.background {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  color: #05a47d;
  padding: 20rpx;
  box-sizing: border-box;
  .bgImg {
    width: 100%;
    height: 400rpx;
  }
  .info {
    display: flex;
    flex-direction: column;
    .title {
      font-size: 36rpx;
      font-weight: 500;
      margin-bottom: 20rpx;
    }
    .content {
      font-size: 28rpx;
      letter-spacing: 0.1rpx;
    }
  }
  .btn {
    width: 250rpx;
    margin-top: 40rpx;
    font-weight: 500;
    border: 2upx solid #05a47d;
    font-size: 30rpx;
    color: #05a47d;
    background: #fff;
  }
}
</style>
